* {padding:0;margin:0;}
html,body {height: 100%;}
body {
    display: flex;
    background: #000d4a url(../imgs/bg.jpg) center top; 
    flex-direction: column;
}
   


div.test {
    width: 1rem;
    height: 1rem;
    background-color: red;
}



// header
header {
    width: 100%;
    line-height: 1.05rem;
    height: 1.05rem;
    background: url(../imgs/head_bg.png) no-repeat center center;
    position: relative;
    text-align: center;
    color:#fff;

    h1 {
        font-size: .42rem;
    }
    
    span {
        font-size: .3rem;
        position: absolute;
        right: .2rem;
        top: -0.1rem
    }
}

.alltitle{
    margin: .3rem;
}

// main
.main {
    flex: 1;
    color: gray;
    font-size: .16rem;
    margin: .2rem;
    display: flex;
    justify-content: space-between;

    .column{
        width: 30%;
        height: 100%;
        &:nth-of-type(2){
            width:40%;
            height: 100%;
            margin: 0 .2rem;
        }

        // box
        .box {
            width:100%;
            margin-bottom: .15rem;
            background: rgba(0,0,0,.2);
            
        }
        .box:nth-of-type(2){
            overflow: hidden;
        }
    }
}

.wraptit{
    border-bottom: .02rem solid grey;
    margin:  0 .2rem ;
    span{
        display: inline-block;
        margin: 0 .20rem .1rem .4rem;
    }
}

.wrap ul li {
    height: .35rem;
    span{
        display: inline-block;
        margin: .1rem .3rem;
    }
}
.alltitle{
    font-size: .2rem;
    position: relative;
    .blue{
        height: .2rem;
        width: .05rem;
        background-color: aqua;
        position: absolute;
        left: -0.15rem;
        top: .05rem;
        border-radius: 15%;
    }
}

.zb{
    transform: scale(0.8);

}


#casl{
    padding-top: .1rem;
    transform: scale(.9);
}


.table1 th {
    border-bottom: .01rem solid rgba(255, 255, 255, 0.2);
    font-size: .16rem;
    color: rgba(255, 255, 255, 0.6);
    font-weight: normal;
    padding: 0 0 0.08rem /* 8/100 */ 0;
  }
  
  .table1 td {
    font-size: .16rem;
    color: rgba(255, 255, 255, 0.4);
    padding: 0.08rem /* 8/100 */ 0 0 0;
  }
  
  .table1 span {
    width: .24rem;
    height: .24rem;
    border-radius: .03rem;
    display: block;
    background: #878787;
    color: #fff;
    line-height: .24rem;
    text-align: center;
  }
  
  .table1 tr:nth-child(2) span {
    background: #ed405d;
  }
  
  .table1 tr:nth-child(3) span {
    background: #f78c44;
  }
  
  .table1 tr:nth-child(4) span {
    background: #49bcf7;
  }
  